<template>
  <div class="lix-odd__gift-content">
    <div class="header">
      <div>赠品：</div>
    </div>
    <Cell title="运动网球帽" value="X 1"/>
    <Cell title="耐克拖鞋" value="X 1"/>
    <Cell title="篮球气垫背包" value="X 1"/>
  </div>
</template>

<script>
import Cell from './cell'
export default {
  components: {
    Cell
  }
}
</script>

<style lang="scss">
@import "../../theme-chalk/mixins/mixins.scss";
@import "../../theme-chalk/common/var.scss";
@import "../../theme-chalk/_main.scss";

@include b(odd) {
  @include e(gift-content) {
    background: #fff;
    font-weight: 500;
    & .header {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
      height: 44px;
      border-bottom: 1px solid #f2f2f2;
      font-size: 15px;
      color: #554e58;
      font-weight: 700;
      line-height: 44px;
      padding-left: 12px;
      padding-right: 12px;
      & .status {
        font-size: 12px;
        color: #ff6b00;
        font-weight: 500;
      }

      & .orderid {
        font-size: 12px;
        color: #6699ff;
        font-weight: 500;
      }
    }
  }
}
</style>
